<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta
            name="keywords"
            content="哔哩哔哩, 哔哩哔哩漫画, bilibili 漫画官方网站, 漫画,动画, 原创, 正版, 海贼王, 五等分的新娘, 约定的梦幻岛, 辉夜大小姐想让我告白 ~天才们的恋爱头脑战~, 关于我转生变成史莱姆这档事, 我的英雄学园, 修真聊天群, 乔乔的奇妙冒险, 斗罗大陆, 一拳超人, 灵能百分百, 铳梦"
        />
        <meta
            name="description"
            content="哔哩哔哩正版漫画阅读平台, 海量官方漫画连载在线观看, 二次元动漫迷的追漫神器, 热门漫画: 海贼王, 五等分的新娘, 约定的梦幻岛, 辉夜大小姐想让我告白 ~天才们的恋爱头脑战~, 关于我转生变成史莱姆这档事, 我的英雄学园, 修真聊天群, 乔乔的奇妙冒险, 斗罗大陆, 我家大师兄脑子有坑, 一拳超人, 灵能百分百, 铳梦等"
        />
        <link rel="icon" href="./favicon.ico" />
        <title>哔哩哔哩漫画 - bilibili 正版漫画平台</title>
        <link rel="stylesheet" href="./css/bass.css" />
        <link rel="stylesheet" href="./css/classify.css" />
    </head>
    <body>
        <!-- 头部区域 -->
        <nav>
            <!-- logo -->
            <h1 class="logo">
                <a href="javascript:;">
                    <div class="logo-img"></div>
                    <span></span>
                </a>
            </h1>
            <!-- 导航区域 -->
            <div class="nav-items">
                <a href="javascript:;">
                    <div class="nav-item">
                        <span>推荐</span>
                    </div>
                </a>
                <a href="javascript:;">
                    <div class="nav-item">
                        <span>排行</span>
                    </div>
                </a>
                <a href="javascript:;" class="activated">
                    <div class="nav-item activated">
                        <span>分类</span>
                    </div>
                </a>
            </div>
            <!-- 下载 -->
            <button class="download-tip">下载哔哩哔哩漫画</button>
        </nav>
        <!-- 种类区域 -->
        <div class="category-list">
            <div class="category-list-container border-box">
                <!-- 标签列表 -->
                <div class="label-list border-box">
                    <!-- 第一行 -->
                    <div class="label-row1">
                        <div class="first-label">
                            <div class="classify-label selected">全部</div>
                        </div>
                        <div class="classify-label">热血</div>
                        <div class="classify-label">古风</div>
                        <div class="classify-label">玄幻</div>
                        <div class="classify-label">奇幻</div>
                        <div class="classify-label">悬疑</div>
                        <div class="classify-label">都市</div>
                        <div class="classify-label">历史</div>
                        <div class="classify-label">武侠仙侠</div>
                        <div class="classify-label">游戏竞技</div>
                        <div class="classify-label">悬疑灵异</div>
                        <div class="classify-label">架空</div>
                        <div class="classify-label">青春</div>
                        <div class="classify-label">西幻</div>
                        <div class="classify-label">现代</div>
                        <div class="classify-label">正能量</div>
                        <div class="classify-label">科幻</div>
                    </div>
                    <!-- 第二行 -->
                    <div class="label-row">
                        <div class="first-label">
                            <div class="classify-label selected">全部</div>
                        </div>
                        <div class="classify-label">大陆</div>
                        <div class="classify-label">日本</div>
                        <div class="classify-label">韩国</div>
                        <div class="classify-label">其他</div>
                    </div>
                    <!-- 第三行 -->
                    <div class="label-row">
                        <div class="first-label">
                            <div class="classify-label selected">全部</div>
                        </div>
                        <div class="classify-label">连载</div>
                        <div class="classify-label">完结</div>
                    </div>
                    <!-- 第四行 -->
                    <div class="label-row">
                        <div class="first-label">
                            <div class="classify-label selected">全部</div>
                        </div>
                        <div class="classify-label">免费</div>
                        <div class="classify-label">付费</div>
                        <div class="classify-label">等就免费</div>
                    </div>
                    <!-- 第五行 -->
                    <div class="label-row">
                        <div class="first-label">
                            <div class="classify-label selected">人气推荐</div>
                        </div>
                        <div class="classify-label">更新时间</div>
                        <div class="classify-label">追漫人数</div>
                        <div class="classify-label">上架时间</div>
                    </div>
                    <div class="swich">
                        <span class="icon"></span>
                        <span class="txt">筛选</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容区域 -->
        <!-- 主体 -->
        <div class="mange-list">
            <div class="row border-box">
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/1.jpg)"></div>
                    <div class="manga-title">我才不会被女孩子欺负呢</div>
                    <div class="manga-info">更新至 705 话</div>
                </a>
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/2.jpg)"></div>
                    <div class="manga-title">我的夫君后宫有点多</div>
                    <div class="manga-info">更新至 第205话</div>
                </a>
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/3.jpg)"></div>
                    <div class="manga-title">好徒儿你就饶了为师伐</div>
                    <div class="manga-info">更新至 番外</div>
                </a>
            </div>
            <div class="row border-box">
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/1.jpg)"></div>
                    <div class="manga-title">我才不会被女孩子欺负呢</div>
                    <div class="manga-info">更新至 705 话</div>
                </a>
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/2.jpg)"></div>
                    <div class="manga-title">我的夫君后宫有点多</div>
                    <div class="manga-info">更新至 第205话</div>
                </a>
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/3.jpg)"></div>
                    <div class="manga-title">好徒儿你就饶了为师伐</div>
                    <div class="manga-info">更新至 番外</div>
                </a>
            </div>
            <div class="row border-box">
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/1.jpg)"></div>
                    <div class="manga-title">我才不会被女孩子欺负呢</div>
                    <div class="manga-info">更新至 705 话</div>
                </a>
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/2.jpg)"></div>
                    <div class="manga-title">我的夫君后宫有点多</div>
                    <div class="manga-info">更新至 第205话</div>
                </a>
                <a href="javascript:;" class="mange-card border-box">
                    <div class="manga-cover" style="background-image: url(./images/3.jpg)"></div>
                    <div class="manga-title">好徒儿你就饶了为师伐</div>
                    <div class="manga-info">更新至 番外</div>
                </a>
            </div>
        </div>
        <!-- 下载 -->
        <div class="download clearfix">
            <i></i>
            <div class="v-logo"></div>
            <div class="text">
                <p>更多精彩内容</p>
                <p>尽在哔哩哔哩漫画</p>
            </div>
            <div class="btn fr">App 内打开</div>
        </div>
        <!-- 正在加载 -->
        <div id="jiazai" style="width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #80baff; text-align: center; display: none">正在载入中... (/ ▽ \)</div>
        <script src="./js/jquery.js"></script>
        <script src="./js/clasify.js"></script>
    </body>
</html>
